<template>
    <div class="layout-header-container">
        <!-- <headerCom class="header-area" /> -->
        <div class="main-content">
            <slot />
        </div>
    </div>
</template>

<script setup lang="ts">
// import headerCom from './headerCom.vue'
</script>

<style scoped>
.layout-header-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
}

.header-area {
    height: 200px;
    flex-shrink: 0;
}

.main-content {
    flex: 1 1 0;
    overflow: auto;
    background: #fff;
}
</style>
